/* CSS Document */
body{font-family:sans-serif,"Helvetica Neue",'寰蒋闆呴粦','榛戜綋',Gotham,Helvetica,Arial;font-size:13px;color:#666;}
html,body,ol,ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,table,tr,td,header,section,footer,nav{padding:0;margin:0}
ol,ul,li{ list-style:none}

.wrap_box{ max-width:640px; margin:0 auto}
body.bg_gray{ background:#eee}
body.bg_gray2{ background:#dadada}
.pb49,
body.pb49{ padding-bottom:49px}
a{ text-decoration:none}
.clearfix:after {       
    content: "";     /*鍐呭涓衡��.鈥濆氨鏄竴涓嫳鏂囩殑鍙ュ彿鑰屽凡銆備篃鍙互涓嶅啓銆�*/
    display: block;   /*鍔犲叆鐨勮繖涓厓绱犺浆鎹负鍧楃骇鍏冪礌銆�*/
    clear: both;     /*娓呴櫎宸﹀彸涓よ竟娴姩銆�*/
    visibility: hidden;      /*鍙搴﹁涓洪殣钘忋�傛敞鎰忓畠鍜宒isplay:none;鏄湁鍖哄埆鐨勩�倂isibility:hidden;浠嶇劧鍗犳嵁绌洪棿锛屽彧鏄湅涓嶅埌鑰屽凡锛�*/
    line-height: 0;    /*琛岄珮涓�0锛�*/
    height: 0;     /*楂樺害涓�0锛�*/
    font-size:0;    /*瀛椾綋澶у皬涓�0锛�*/
}
.clearfix { *zoom:1;}
.mt6{ margin-top:6px}
input{ appearance:none; -moz-appearance:none; -webkit-appearance:none}
input:foucs{ outline:none}

.bot_line,
.top_line{background-repeat:repeat-x;background-size:1px 1px}
.bot_line{ background-image: url(../images/line_split.png); background-position:left bottom}
.top_line{ background-image: url(../images/top_line.png); background-position:left top}
.activity_til,
.detail_til h3{font-size:16px;color:#444; font-weight:normal; padding:13px 104px 13px 15px; line-height:1.4; background-color:#fff; position:relative;}
.price{color:#c8142a; position:absolute;top:14px;right:0;padding-right:15px}
.price i{ font-style:normal;font-size:12px}

.detail_til{padding:15px 0 15px 0;}
.detail_til h3{padding:0 144px 0 0}
.detail_til h3 .price{ top:0;padding-right:0}

.like{ font-size:10px; padding-top:8px; overflow:hidden}
.like:before{width:9px;height:9px; margin:3px 6px 0 0; content:''; background:url(../images/icon.png) no-repeat -4px -77px; background-size:44px 300px; display:block; float:left}
.like .txt{ float:left}

.activity_info p{padding:12px 15px 12px 38px; background-color:#fff}
.address,.date,.time{ position:relative}
.address:before,
.date:before,
.time:before,
.icon_tel:before{ position:absolute;left:15px;top:50%; margin-top:-6px; width:14px; height:14px; content:''; background:url(../images/icon.png) no-repeat; background-size:44px 300px; display:inline-block}
.address:before{ background-position:-2px -2px}
.date:before{ background-position:-2px -18px}
.time:before{ background-position:-2px -34px}
.icon_tel:before{ background-position:-2px -173px;left:0;top:9px;}

.venue_info{ padding-bottom:9px}
.venue_info p{ padding-left:23px; padding-bottom:6px; position:relative}
.venue_info .address:before{left:0;top:9px}

.activity_con{ background-color:#fff; margin-top:6px}
.cont_til,.cont_til2{font-size:15px;color:#444; text-align:center; padding:14px 15px; font-weight:normal}
.cont_til span{ display:inline-block; padding-left:18px; position:relative}
.cont_til span:before{width:12px;height:14px; content:''; background:url(../images/icon.png) no-repeat -2px -51px; background-size:44px 300px; display:block; position:absolute;left:0; top:50%; margin-top:-7px;}
.cont_til span.tips:before{width:18px;background-position:0 -150px;left:-4px}

.cont_til2{font-size:14px; padding-bottom:24px; position:relative}
.cont_til2:after{width:7px;height:7px; content:''; position:absolute;left:50%; margin-left:-4px; top:37px; background:url(../images/icon.png) no-repeat -5px -136px; background-size:44px 300px; display:block}

.infor{ padding:10px 15px}
.infor p{ padding:7px 0;}

a.sign_up_btn{ position:fixed; height:49px; line-height:49px; bottom:0;left:0;right:0; background:#ffdf16;color:#262626; font-size:18px; text-align:center; display:block; z-index:9989}
.xz_btn{ position:fixed; margin:auto; width:640px; bottom:0;left:0;right:0;background:#f2f2f2;color:#262626; font-size:18px; text-align:center; display:block; z-index:9989;}
.xzbutton{
    width:60px;
    height:45px;
    -moz-border-radius: 7px;      /* Gecko browsers */
    -webkit-border-radius: 7px;   /* Webkit browsers */
    border-radius:7px;            /* W3C syntax */
    background-color:#ffdf16;
    border:none;
    right:10px;
    top:6px;
    position: absolute;
    cursor: pointer;
}
.dkbutton{
    width:60px;
    height:45px;
    -moz-border-radius: 7px;      /* Gecko browsers */
    -webkit-border-radius: 7px;   /* Webkit browsers */
    border-radius:7px;            /* W3C syntax */
    background-color:#ffdf16;
    border:none;
    right:80px;
    top:6px;
    position: absolute;
    cursor: pointer;
}
a.detail_btn{ padding:15px; text-align:center;font-size:12px; color:#444; display:block}
a.detail_btn span{padding:6px 10px; display:inline-block; position:relative}
a.detail_btn span:before{
	position:absolute;left:-50%;right:-50%;top:-50%; bottom:-50%;border:1px #c1c1c1 solid; content:''; border-radius:8px;  display:block;
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-o-transform:scale(0.5);
}

.op_box{ padding:11px 10px; overflow:hidden}
.op_box a{width:50%; color:#444; text-align:center;position:relative; padding:5px 0; float:left}
.op_box a span{ display:block; height:35px; line-height:35px; margin:0 5px; border-radius:4px; position:relative}
.op_box a span i{ font-style:normal; padding-left:22px; position:relative; display:inline-block}
.op_box a.tel span{ background:#ffde38}
.op_box a.online_btn span:after{
	position:absolute;left:-50%;right:-50%;top:-50%; bottom:-50%;border:1px #c1c1c1 solid; content:''; border-radius:8px;  display:block;
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-o-transform:scale(0.5);
}

.op_box a span i:before{width:16px;height:14px; content:''; background: url(../images/icon.png) no-repeat; background-size:44px 300px; display:inline-block; position:absolute; top:50%; margin-top:-6px; left:0}
.op_box a.tel span i:before{ background-position:0px -115px;}
.op_box a.online_btn span i:before{height:12px;background-position:0px -95px;}

.details_op{ padding:11px 0}
.details_op a:first-child span{ margin-left:0}
.details_op a:last-child span{ margin-right:0}


.activity_list .swiper-container {width: 100%}
.activity_list .swiper-slide {text-align: center;background: #fff;}
.activity_list ul li a{ display:block}
.activity_list ul li p{ padding:8px; color:#444}

.venue_kv{ padding:15px 15px 0 15px; overflow:hidden}
.venue_kv .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity:1}
.venue_kv .swiper-pagination .swiper-pagination-bullet-active{ background:#ffdf16}

.cont_box{ padding:0 15px; background:#fff}
.venue_des{color:#444; padding:12px 0}

.course_list{ padding-top:15px}
.course_list li{ position:relative; margin-bottom:15px}
.course_list li a{ display:block;}
.course_list li a h4{ position:absolute; z-index:99; color:#fff; top:50%; margin-top:-8px;left:0; right:0; text-align:center; font-size:18px}

.course_list li.features_item:before{width:74px; height:48px; content:''; background:url(../images/tab_features.png) no-repeat; background-size:cover; position:absolute; display:block;left:0;top:0; z-index:87}

.course_list li .num{ position:absolute;color:#fff;top:5px;left:60px; font-size:12px;width:16px;height:16px; text-align: center; line-height:16px; border-radius:100%; z-index:96; background:#e60012; box-shadow:0 1px 3px rgba(0,0,0,.8);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.8);}
.course_list li .qita_tab{color:#fff; background:#ff0000;padding:4px 10px; display:inline-block; position:absolute;left:9px;top:9px; z-index:98}

.detail_con{ padding:12px 0;}
.detail_con p{ overflow:hidden; line-height:1.7; color:#444; padding:2px 0}
.detail_con p .item{width:72px;font-weight:bold; float:left;display:block}
.detail_con p .item_txt{ display:table-cell}


/*鍙戠幇鍔熷か锛屾枃绔犺鎯呴〉闈�*/
body.examp{ background:url(../images/exmp.jpg) no-repeat top center fixed; background-size:100% auto}
.found_detail_box{ padding:0 25px 15px 25px; font-size:13px;color:#444}
.photo_details_box{ padding-top:15px}

.details_til{ font-size:18px; color:#262626; padding:44px 0 0 0; text-align:left}
.found_detail_box p.author{ color:#a4a4a4;font-size:12px; text-align: center; padding:24px 0 28px 0}
.found_detail_box p.detail_img{padding-bottom:20px}
.photo_details_box p.detail_img{padding-bottom:24px}
.found_detail_box p{ line-height:1.6; padding-bottom:24px;display:  flex;}
.photo_details_box p img{    
	flex: auto;
    width: 100%;
    height: 100%;
    }

a.close_btn{width:48px;height:48px; background:url(../images/close_btn.png) no-repeat; background-size:cover; display:block; position:fixed; bottom:15px;left:50%; margin-left:-24px; z-index:998}

.vedio_detail_box{padding:0 15px 15px 15px; color:#444; font-size:13px; line-height:1.6}
.vedio_detail_box .details_til{padding:25px 0 0 0}
.vedio_detail_box p.author{ color:#a4a4a4;font-size:12px; text-align: center; padding:8px 0 10px 0}


/*寮瑰嚭妗嗘ā鍧� start*/
.pop_box{ display:none}
.mask_bg{ background:rgba(0,0,0,.6); position:fixed;left:0;top:0; bottom:0;right:0; z-index:99990}
.pop_con{ position:fixed;width:240px;top:50%;left:50%; margin-top:-45px; margin-left:-120px; background:#fff; text-align:center; z-index:99998; border-radius:3px}
.pop_con p{ padding:20px 10px;}
.pop_con a.comfirm_btn{ width:100%; height:44px; line-height:44px; background:url(../images/top_line.png) repeat-x left top; background-size:1px 1px; display:block; font-size:14px; color:#1DA2F3}

.invite_pop{width:260px;position:fixed; left:50%; margin-left:-130px; top:50%; margin-top:-140px; border-radius:8px;z-index:99999;}
.invite_form{ background:#fff; padding:0 0 10px 0; overflow:hidden;border-radius:8px;}
.invite_form h4{ text-align:center; font-size:13px; padding:12px 10px; color:#544b4b}
.invite_form .form_item{ position:relative; margin:0 15px 10px 15px;}
.invite_form .form_item:before{width:10px; height:12px; content:''; left:7px; top:50%; margin-top:-6px; position:absolute; background:url(../images/icon.png) no-repeat; background-size:44px 300px; display:block;}

.invite_form .icon_phone:before{ background-position:0 -236px;}
.invite_form .icon_password:before{ background-position:0 -252px;}
.invite_form .icon_code:before{ background-position:0 -267px;}

.invite_form .form_item input{width:100%;height:38px; line-height:20px; border-radius:4px; padding:9px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:1px #e4e3e3 solid; background:#f9f9f9}
.invite_form .form_item a.get_code{ position:absolute; color:#404040; font-size:10px;right:0; top:0; line-height:38px; border-left:1px #efeeee solid; padding:0 13px; display:inline-block;}

.invite_pop .btn_box{ padding:10px 0}
.invite_pop .btn_box .btn{ width:100%; border-radius:8px}
.invite_pop a.pop_close{width:40px;height:40px; display:block; position:absolute;right:0; top:0}
.invite_pop a.pop_close:before{width:10px; height:10px; content:''; background:url(../images/icon.png) no-repeat 0 -221px; background-size:44px 300px; display:block; position:absolute;left:15px;top:16px;}

/* 鎴戠殑-鍔熷か鍏绘垚绉樼睄
-----------------------------*/
body.bg_orange{ background-color:#fffade}
.avatar_box{width:25.333%; position:relative; margin:28px auto 0 auto; z-index:999}
.avatar_box img{ position:relative; z-index:998}
.avatar_box:after{ position:absolute;left:4px;right:0;top:0; bottom:4px; content:''; background:#fbea8d; border-radius:100%}

.my_help_box{ background:#fff; margin:0 19px 30px 19px; border-radius:3px; box-shadow:0 3px 4px rgba(0,0,0,.1); margin-top:-32px; padding:60px 20px 23px 20px;}
.my_help_box h3{ text-align:center;font-size:20px; padding:0 0 20px 0; line-height:1.2; color:#262626;}
.my_help_box h3 i{/*font-style:normal*/}
.help_infor{ padding:2px 8px 0px 8px; font-size:15px}
.help_infor p{ padding:17px 0 17px 14px; line-height:1.8; position:relative}
.help_infor p:before,
.help_infor_item h4 span:before{width:10px;height:10px; content:''; background-color:#ffdf16; border-radius:100%; display:block; position:absolute;left:0;top:26px}

a.page_next{ display:block; padding:15px 0; font-size:13px; color:#262626; text-align:center; background:url(../images/top_line.png) repeat-x left top #fff; background-size:1px 1px;}
a.page_next span{ display:inline-block; padding-right:30px; position:relative}
a.page_next span:after{width:16px; height:14px; content:''; background:url(../images/icon.png) 0 -201px; background-size:44px 300px; display:block; position:absolute;right:0;top:50%; margin-top:-7px}

.help_infor_item{ padding:10px 15px 18px 15px; font-size:15px; background:url(../images/line_split.png) repeat-x left bottom #fff; background-size:1px 1px;overflow:hidden}
.help_infor_item h4{ text-align:center;font-size:18px;color:#262626; padding:10px 0 4px 0}
.help_infor_item h4 span{ display:inline-block; position:relative;padding-left:14px;}
.help_infor_item h4 span:before{ top:50%; margin-top:-5px;}
.help_infor_item p{ line-height:1.8; padding:6px 0}
.help_infor_item p.em{ text-align:center; line-height:1.2; padding-bottom:0; color:#f68c6b}
.help_infor_item p.aid{ line-height:1.2; padding-top:2px; padding-bottom:0; font-size:10px; text-align:center; color:#9c9b9b}
.help_infor_item:last-child{ background:#fff;padding-bottom:0}

/*鐗堟潈*/
body.pb55{ padding-bottom:55px}

/*閭�璇锋湅鍙�*/
.invite_card_bg{
	width:100%;margin:40px auto;background:url(../images/invite_card_bg.png) top center no-repeat; background-size: 100% 100%;
}
.invite_card{ width:89.333%; padding:48px 0 0 0; text-align: center; margin:0 auto;}
.kungfu_logo{ width:41.791%; margin:0 auto 20px auto;}
.invite_card h3{ font-size:16px; color:#3e3e3e; padding-bottom:25px}
.invite_card p{ padding-bottom:15px; font-size:11px;}
.invite_card p .name{ padding-right:6px}
.invite_card p.em{ font-size:12px; color:#333}

.kungfu_value{ background:#f26b6b; margin-top:10px; margin-bottom:28px; border-radius:12px; display:inline-block;padding:4px; color:#fff; position:relative}
.kungfu_value p{ font-size:24px; border-radius:10px; border:1px #fff dashed; font-weight:bold; padding:5px 12px;}
.kungfu_value:before{width:32px;height:32px; content:''; background:url(../images/avatar.png); background-size:cover; display:block; position:absolute; top:-10px;left:-12px}

.invite_card p.btn_box{ padding:90px 0 48px 0; overflow:hidden}
.invite_card p.btn_box a.btn{ width:85.074%}
.btn,
a.btn{ background:#ffdf16; color:#444; padding:9px 0; border:none; font-size:15px; text-align:center; display:inline-block}

/*瑙嗛璇︽儏*/
a.vedio_play{ display:block; position:relative}
a.vedio_play:before{
	width:48px; height:48px; content:''; background:url(../images/icon_play.png) no-repeat; background-size:cover; display:block;
	position:absolute;left:50%; top:50%; margin-left:-24px; margin-top:-24px;
}

.control_box{ padding:0 0 20px 0}
.control_box a{ display:inline-block; float:left; padding:20px 15px 5px 15px; position:relative; text-align:center; color:#666; font-size:10px}
.control_box a:before{ width:24px; height:18px; content:''; background:url(../images/icon.png) no-repeat; background-size:44px 300px; display:block; position:absolute;left:50%; margin-left:-12px; top:0}
.control_box a.attention:before{ background-position:-18px 0}
.control_box a.share:before{ background-position:-18px -18px}
.control_box a.collect:before{ background-position:-18px -36px}
.control_box a.collect_2:before{ background-position:-18px -54px}
.control_box a.detail_btn_more{ float:right}
.control_box a.detail_btn_more:before{ background-position:-18px -72px}

.add_course_img{ position:relative}
a.add_course_btn{ position:absolute; left:0;right:0; top:50%; margin-top:-20px; text-align:center; display:block; color:#fff; background:none; font-size:20px}
a.add_course_btn span{ border:2px #fff solid; border-radius:3px; padding:0 15px 0 40px; font-weight:bold; display:inline-block;height:36px;line-height:36px; position:relative}
a.add_course_btn span:before{width:16px; height:2px; content:''; background:#fff; overflow:hidden; position:absolute;top:50%; margin-top:-1px;left:15px;}
a.add_course_btn span:after{width:2px; height:16px; content:''; background:#fff; overflow:hidden; position:absolute;top:50%; margin-top:-8px;left:22px;}

.add_course_detail{ padding:0 15px 5px 15px; overflow:hidden}
.detail_til2{font-size:20px; background:url(../images/line_split.png) repeat-x left bottom; background-size:1px 1px; color:#262626; padding:16px 0 14px 0; margin-bottom:15px}
.detail_til2 .txt{ padding-right:20px}
.detail_til2 .sub_txt{ font-weight:normal;font-size:11px}

.add_course_detail p{ padding-bottom:12px; font-size:14px; line-height:1.6}
.add_course_detail p.item{ position:relative;padding-left:20px;}
.add_course_detail p.item:before{width:16px; height:18px; content:''; position:absolute; top:5px; left:0; background:url(../images/icon.png) no-repeat; background-size:44px 300px; display:block}
.add_course_detail p.item_01:before{ background-position:-18px -98px}
.add_course_detail p.item_02:before{ background-position:-18px -115px}

/*鍔熷か娴嬭瘯鎶ュ憡*/
.report_top{position:relative}
.user_info{ position:absolute; text-align:center; bottom:-20px; left:0;right:0}
.user_info .user_avatar{width:52px; height:52px;  padding:3px; border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; overflow:hidden; margin:0 auto 4px auto}
.user_info .user_avatar img{ border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}
.user_info .user_name{font-size:16px; font-weight:bold; color:#000}
.body_type{width:65.3333%; margin:20px auto}
.report_date{ text-align:right;color:#333; padding-bottom:20px; line-height:1.6}

.report_box{ padding:0 14px 30px 16px;}
.report_con{ padding-bottom:20px}
.reoprt_body_img{width:40%; margin:10px auto}
.reprot_item{ padding-bottom:5px}
.reprot_item h4{ height:44px; margin:0 9px 0 2px; position:relative}
.reprot_item h4:after{width:100%; height:4px; content:''; background:#d17b01; position:absolute;left:0; top:20px; display:block}
.reprot_item h4:before{
	width:24px;height:24px; content:''; border-radius:100%; background:url(../images/icon_report.png) no-repeat #d17b01 ; background-size:24px 300px;
	display:block; position:absolute;left:0;top:50%; margin-top:-12px; z-index:17
}
.reprot_item h4.icon_report_1:before{ background-position:0 0}
.reprot_item h4.icon_report_2:before{ background-position:0 -24px}
.reprot_item h4.icon_report_3:before{ background-position:0 -48px}
.reprot_item h4.icon_report_4:before{ background-position:0 -72px}
.reprot_item h4.icon_report_5:before{ background-position:0 -96px}
.reprot_item h4.icon_report_6:before{ background-position:0 -120px}
.reprot_item h4.icon_report_7:before{ background-position:0 -144px}
.reprot_item h4.icon_report_8:before{ background-position:0 -168px}
.reprot_item h4.icon_report_9:before{ background-position:0 -192px}
.reprot_item h4.icon_report_10:before{ background-position:0 -216px}
.reprot_item h4.icon_report_11:before{ background-position:0 -240px}
.reprot_item h4.icon_report_12:before{ background-position:0 -264px}

.pt20{ padding-top:20px}

.reprot_item h4 .txt{
	min-width:80px;height:22px;line-height:22px;text-align:center;font-size:16px; font-weight:bold;color:#fff; background:#d17b01;
	display:inline-block; position:absolute; left:30px; top:50%; margin-top:-11px; z-index:19;
}
.reprot_item h4 .txt:after{width:47px; height:4px; content:''; background: url(../images/arrow_line.gif) no-repeat; background-size:cover; display:block; position:absolute; right:-47px; top:50%; margin-top:-2px}
.reprot_item p{ font-size:13px; padding-left:8px; padding-right:9px;color:#262626; line-height:1.7}

a.training_btn{width:100%; height:48px; line-height:48px;background:#ffe22c;color:#202020; font-size:14px; text-align: center; display:block}
a.training_btn .txt{ position: relative;}

@media (max-height:508px){
	.invite_card_bg{margin:25px auto;}
	.invite_card{padding:40px 0 0 0}
	.kungfu_logo{margin:0 auto 20px auto}
	.invite_card h3{padding-bottom:20px}
	.kungfu_value{margin-top:8px; margin-bottom:22px;}
	.invite_card p.btn_box{ padding:78px 0 48px 0}
}

@media (max-height:460px){
	.invite_card_bg{margin:18px auto;}
	.invite_card{padding:30px 0 0 0}
	.kungfu_logo{margin:0 auto 14px auto}
	.invite_card h3{padding-bottom:16px}
	.kungfu_value{margin-top:5px; margin-bottom:18px;}
	.invite_card p.btn_box{ padding:70px 0 48px 0}
}

/*css3 鍔ㄧ敾*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
-ms-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
-ms-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
-ms-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
-ms-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
-ms-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
-ms-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
-ms-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
-ms-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
-ms-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
-ms-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
-ms-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-ms-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
-ms-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
-ms-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
-ms-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}



